<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="Ogani Template">
    <meta name="keywords" content="Ogani, unica, creative, html">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{$shopData['name']}</title>
    <link rel="stylesheet" href="{:getVersionNumber('/static/shop/css/layer.css')}" type="text/css">
    <link rel="stylesheet" href="{:getVersionNumber('/static/shop/css/layui.css')}" type="text/css">
    <link rel="stylesheet" href="{:getVersionNumber('/static/shop/css/iconfont.css')}" type="text/css">
    <link rel="stylesheet" href="/static/shop/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="/static/shop/css/font-awesome.min.css" type="text/css">
    <!--    <link rel="stylesheet" href="/static/shop/css/elegant-icons.css" type="text/css">-->
    <link rel="stylesheet" href="/static/shop/css/nice-select.css" type="text/css">
    <link rel="stylesheet" href="/static/shop/css/jquery-ui.min.css" type="text/css">
    <link rel="stylesheet" href="{:getVersionNumber('/static/shop/css/owl.carousel.min.css')}" type="text/css">
    <link rel="stylesheet" href="{:getVersionNumber('/static/shop/css/slicknav.min.css')}" type="text/css">
    <link rel="stylesheet" href="{:getVersionNumber('/static/shop/css/style.css')}" type="text/css">
    <link rel="shortcut icon" href="/static/shop/favicon.ico">
    <!--    <style type="text/css">-->
    <!--        html {-->
    <!--            filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-->
    <!--            -webkit-filter: grayscale(100%);}-->
    <!--    </style>-->
    <!--    <style type="text/css">-->
    <!--        html{-->
    <!--            -webkit-filter:grayscale(100%);-->
    <!--            -moz-filter:grayscale(100%);-->
    <!--            -ms-filter:grayscale(100%);-->
    <!--            -o-filter:grayscale(100%);-->
    <!--            filter:grayscale(100%);-->
    <!--            filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)-->
    <!--        }-->
    <!--        *{-->
    <!--            -moz-filter: grayscale(100%);-->
    <!--            -ms-filter: grayscale(100%);-->
    <!--            -o-filter: grayscale(100%);-->
    <!--            filter: gray;-->
    <!--        }-->
    <!--    </style>-->
</head>

<body>


<!-- mobile start -->
<div class="humberger__menu__overlay"></div>
<div class="humberger__menu__wrapper">
    <div class="humberger__menu__logo">
        <a href="/shop"><img src="/static/shop/img/logo2.png" alt=""></a>
    </div>
    <div class="humberger__menu__cart">
        <ul>
            <li><a href="javascript:;"><i class="fa fa-heart"></i> <span>1</span></a></li>
            <li><a href="javascript:;"><i class="fa fa-shopping-bag"></i> <span>3</span></a></li>
        </ul>
        <div class="header__cart__price">item: <span>$150.00</span></div>
    </div>
    <div class="humberger__menu__widget">
        <!--        <div class="header__top__right__language">-->
        <!--            <img src="/static/shop/img/language.png" alt="">-->
        <!--            <div>English</div>-->
        <!--            <span class="arrow_carrot-down"></span>-->
        <!--            <ul>-->
        <!--                <li><a href="#">Spanis</a></li>-->
        <!--                <li><a href="#">English</a></li>-->
        <!--            </ul>-->
        <!--        </div>-->
        <div class="header__top__right__auth">
            <a href="javascript:;"><i class="iconfont icon-yonghu"></i> Login</a>
        </div>
    </div>
    <nav class="humberger__menu__nav mobile-menu">
        <ul>
            <li class="active"><a href="/shop">首页</a></li>
            <li><a href="/shop/list">商品</a></li>
            <li><a href="/shop/contact">关于我们</a></li>
        </ul>
    </nav>
    <div id="mobile-menu-wrap"></div>
    <div class="header__top__right__social">
        <a href="#"><i class="fa fa-facebook"></i></a>
        <a href="#"><i class="fa fa-twitter"></i></a>
        <a href="#"><i class="fa fa-linkedin"></i></a>
        <a href="#"><i class="fa fa-pinterest-p"></i></a>
    </div>
</div>
<!-- mobile End -->

<!-- web start -->
<header class="header">
    <div class="container">
        <div class="row">
            <div class="col-lg-3">
                <div class="header__logo">
                    <a href="/shop"><img src="/static/shop/img/logo2.png" alt=""></a>
                </div>
            </div>
            <div class="col-lg-6">
                <nav class="header__menu">
                    <ul>
                        <li id="index"><a href="/">首页</a></li>
                        <li id="list"><a href="/list">商品</a></li>
                        <li id="contact"><a href="/contact">联系我们</a></li>
                    </ul>
                </nav>
            </div>
            <div class="col-lg-3">
                <div class="header__cart">
                    {if ($userData)}
                    <!-- 已登陆 start -->
                    <ul>
                        <li><a href="javascript:;"><i class="iconfont icon-aixin_shixin"></i> <span>1</span></a></li>
                        <li><a href="/cart"><i class="iconfont icon-gouwucheman"></i> <span>3</span></a></li>
                    </ul>
                    <div class="header__cart__price">{$userData['user_name']}: <span>$150.00</span></div>
                    <!-- 已登陆 end -->
                    {else /}
                    <!-- 未登陆 start -->
                    <div class="header__top__right__social">
                        <a href="javascript:;"><i class="iconfont icon-weixin"></i></a>
                        <a href="javascript:;"><i class="iconfont icon-QQ"></i></a>
                        <a href="javascript:;"><i class="iconfont icon-zhifubaozhifu"></i></a>
                    </div>
                    <div class="header__top__right__auth">
                        <a href="javascript:;" id="login"><i class="iconfont icon-yonghu"></i> Login</a>
                    </div>
                    <!-- 未登陆 end -->
                    {/if}
                </div>
            </div>
        </div>
        <div class="humberger__open">
            <i class="fa fa-bars"></i>
        </div>
    </div>
</header>
<!-- web End -->

{if !isset($data)}
<!-- 内容 开始 -->
<section class="hero hero-normal">
    <div class="container">
        <div class="row">
            <div class="col-lg-3">
                <div class="hero__categories">
                    <div class="hero__categories__all">
                        <i class="iconfont icon-navicon"></i>
                        <span>全品类</span>
                    </div>
                    <ul>
                        {for start="1" end="11"}
                        <li><a href="JavaScript:;">测试{$i}</a></li>
                        {/for}
                    </ul>
                </div>
            </div>
            <div class="col-lg-9">
                <div class="hero__search">
                    <div class="hero__search__form">
                        <form action="#">
                            <!--                            <div class="hero__search__categories">-->
                            <!--                                全品类-->
                            <!--                                <span class="arrow_carrot-down"></span>-->
                            <!--                            </div>-->
                            <input type="text" placeholder="你需要什么?">
                            <button type="submit" class="site-btn">搜索</button>
                        </form>
                    </div>
                    <div class="hero__search__phone">
                        <div class="hero__search__phone__icon">
                            <i class="iconfont icon-dianhua" style="font-size: 25px"></i>
                        </div>
                        <div class="hero__search__phone__text">
                            <h6>400-8888-8888</h6>
                            <span>24*7 客服支持</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Hero Section End -->
{/if}


{block name="content"}{/block}

<!-- Footer Section Begin -->
<footer class="footer spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-6 col-sm-6">
                <div class="footer__about">
                    <div class="footer__about__logo">
                        <a href="/shop"><img src="/static/shop/img/logo2.png" alt=""></a>
                    </div>
                    <ul>
                        <li>地址: 广东省深圳市</li>
                        <li>电话: +85 132 **** 2621</li>
                        <li>邮箱: 132****2621@163.com</li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-6 offset-lg-1">
                <div class="footer__widget">
                    <h6>导航</h6>
                    <ul>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于我们的商店</a></li>
                        <li><a href="#">安全购物</a></li>
                        <li><a href="#">交付信息</a></li>
                        <li><a href="#">隐私政策</a></li>
                        <li><a href="#">地图导航</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">我们是谁</a></li>
                        <li><a href="#">我们的服务</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-4 col-md-12">
                <div class="footer__widget">
                    <h6>立即加入我们的新闻稿</h6>
                    <p>获取有关我们最新商店和特别优惠的电子邮件更新。</p>
                    <form action="#">
                        <input type="text" placeholder="请输入您的邮箱">
                        <button type="submit" class="site-btn">提交</button>
                    </form>
                    <div class="footer__widget__social">
                        <a href="javascript:;"><i class="iconfont icon-weixin"></i></a>
                        <a href="javascript:;"><i class="iconfont icon-QQ"></i></a>
                        <a href="javascript:;"><i class="iconfont icon-zhifubaozhifu"></i></a>
                        <!--                        <a href="javascript:;"><i class="iconfont icon-baidu"></i></a>-->
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="footer__copyright">
                    <div class="footer__copyright__text">
                        <p>Copyright &copy;2021
                            <!--                            <i class="fa fa-heart" aria-hidden="true"></i> by-->
                            <i class="iconfont icon-aixin_shixin" aria-hidden="true"></i> by
                            <a href="https://tp.lingyun.pro" target="_blank">LingYun</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- Footer Section End -->

<input id="handle_status" value="0" hidden="hidden">
</body>
<!-- Js Plugins -->
<script src="/static/shop/js/jquery-3.3.1.min.js" type="text/javascript"></script>
<script src="/static/shop/js/bootstrap.min.js" type="text/javascript"></script>
<script src="{:getVersionNumber('/static/shop/js/iconfont.js')}" type="text/javascript"></script>
<script src="/static/shop/js/jquery.nice-select.min.js" type="text/javascript"></script>
<script src="/static/shop/js/jquery-ui.min.js" type="text/javascript"></script>
<script src="/static/shop/js/jquery.slicknav.js" type="text/javascript"></script>
<script src="/static/shop/js/mixitup.min.js" type="text/javascript"></script>
<script src="{:getVersionNumber('/static/shop/js/owl.carousel.min.js')}" type="text/javascript"></script>
<script src="{:getVersionNumber('/static/shop/js/main.js')}" type="text/javascript"></script>
<script src="{:getVersionNumber('/static/shop/js/layer.js')}" type="text/javascript"></script>
<script src="{:getVersionNumber('/static/shop/js/layui.js')}" charset="utf-8"></script>
{block name="js"}{/block}
<script type="text/javascript">
    let url = window.location.pathname;
    switch (url) {
        case '/':
            $('#index').attr("class", "active");
            break;
        case '/list':
            $('#list').attr("class", "active");
            break;
        default:
            $('#contact').attr("class", "active");
    }

    $('#login').click(function () {
        layer.open({
            title: false,
            type: 2,
            content: '/login',
            area: ['500px', '500px'],
            closeBtn: 0,
            shade: 0.8,
            shadeClose: true,
            end: function () {
                let handle_status = $("#handle_status").val();
                if (handle_status == 1) {
                    layer.msg('登陆成功！');
                } else if (handle_status == 2) {
                    layer.msg('注册成功');
                }
            }
        });

    });
</script>
</html>